<%-- 
    Document   : index
    Created on : 20/02/2015, 10:16:23 AM
    Author     : maantelo
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Macacot</title>
  
    <div id='content'></div>
    <script src="websocket.js" type="text/javascript"></script>
    <script type="text/javascript">
         function iniciar()
         {
             var x = 0;
             var y = 0;
             canvas = document.getElementById("canvas");
             if (canvas.getContext)
             {
                     context = canvas.getContext('2d');
                    //alert("tu navegador SIIII soporta canvas");
             } 
             else 
             {
                 alert("tu navegador no soporta canvas");
             }
             if (canvas !== null)
             {
                setInterval(ciclo, 1000000); //refresca con el mismo valor por ahora
                     function ciclo() {
                     send_message();//context.fillStyle = "#F2F2F2";//pintamos
                     context.fillRect(0, 0, canvas.width, canvas.height); //cuadrado
                       var img = new Image();
                        //indico la URL de la imagen
                        img.src = 'fondo_agua.png';
                        //defino el evento onload del objeto imagen
                        img.onload = function(){
                        //incluyo la imagen en el canvas
                         context.drawImage(img, 0, 0);
                        }
                              var img2 = new Image();
                        //indico la URL de la imagen
                        img2.src = 'lancha.png';
                        //defino el evento onload del objeto imagen
                        img2.onload = function(){
                        //incluyo la imagen en el canvas
                         context.drawImage(img2, 10, 10);
                        }
                   }
             }
       }
        </script>
    </head>
    <body onLoad="iniciar();">
    <canvas id="canvas" width="500" height="500"></canvas>
       <form action=""> 
          <table>
            <tr>
             <td>
               <textarea readonly="true" rows="6" cols="50" id="chatlogField"></textarea> 
             </td>
            </tr>
           </table>
      </form>
    </body>
</html>
 
